<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>Library</title>
  <link rel="stylesheet" href="css/style-public.css" />
  <link rel="stylesheet" href="css/style.css" />
  <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="js/jq.js"></script>
</head>

<body>

  <header>
    <div class="lib">
      <a href="index.html" class="libicon"></a>
      <h1 class="libname">北京华夏图书馆北京华夏图书馆北京华夏图书馆北京华夏图书馆北京华夏图书馆北京华夏图书馆</h1>
    </div>
    <div class="menu-msg">
      <div class="menu">
        <ul class="nav">
          <li class="login">
            <!-- 登录之前的结构 -->

            <span class="loginbutton"><i class="icon-signin">&nbsp;</i>登录</span>
            <div class="loginwindow">
              <div class="login-close">X</div>
              <div class="loginframe">           
                <div class="login-switch">
                  <span class="passwordlogintap">密码登录</span>
                  <span class="codelogintap selected">扫码登录</span>
                </div>
                <div class="login-form">
                  <form action="" method="post" class="passwordlogin">
                    <p class="fieldset">
                      <label class="username-icon" for="username">用户名</label>
                      <input placeholder="输入登录名" id="username" type="text" />
                    </p>
                    <p class="fieldset">
                      <label class="password-icon" for="password">密码</label>
                      <input placeholder="输入密码" id="password" type="password" />
                    </p>
                    <p class="fieldset">
                      <a class="forgetpassword" href="javascript:;">我忘记密码，请送密码到我的电子邮箱</a>
                    </p>
                    <p class="fieldset">
                      <a class="submit-button" href="javascript:;">登&nbsp;录</a>
                    </p>
                  </form>

                  <div class="codelogin">
                    <p><img src="img/getimage.gif" alt="登录二维码" /></p>
                    <p>已经绑定本系统用户的微信使用者，请使用微信公众号“资讯资源”中的“扫一扫”功能，扫描上方的二维码即可登录图书馆</p>
                    <p><a href="{%=文章:扫码登录%}">未绑定的用户请点击这里</a></p>
                  </div>
                  <div class="err-msg">密码错误</div>
                </div>
              </div>
            </div>
            <div class="loginwindow-mask"></div>


            <!-- 登录之后的结构 -->

            <!--
            <a href="javascript:;" class="patronname"><i class="icon-user">&nbsp;</i>某某某某某某某某某某某某某读者</a>
            <a href="javascript:;" class="exit"><i class="icon-signout">&nbsp;</i>退出</a>
-->


          </li>
          <li>资源检索
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">馆藏查询</a>
              <a href="javascript:;" class="subnav-item">联合馆藏查询</a>
              <a href="javascript:;" class="subnav-item">新书通报</a>
              <a href="javascript:;" class="subnav-item">新书推荐</a>
              <a href="javascript:;" class="subnav-item">电子资源</a>
            </div>
          </li>
          <li>本馆服务
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">入馆须知</a>
              <a href="javascript:;" class="subnav-item">开馆时间</a>
              <a href="javascript:;" class="subnav-item">借阅证办理</a>
              <a href="javascript:;" class="subnav-item">联系我们</a>
              <a href="javascript:;" class="subnav-item">馆际互借</a>
            </div>
          </li>
          <li>本馆资讯
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">本馆新闻</a>
              <a href="javascript:;" class="subnav-item">常用网站</a>
              <a href="javascript:;" class="subnav-item">图书排行榜</a>
              <a href="javascript:;" class="subnav-item">今年综合信息</a>
            </div>
          </li>
          <li>互动交流
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">本馆论坛</a>
              <a href="javascript:;" class="subnav-item">csln交流园地</a>
            </div>
          </li>
        </ul>
        <a class="cslnnet" href="http://csln.net/portal/new/index.aspx" title="中国专业图书馆网csln">
          <img src="img/cslnlogocell_jpg.gif" alt="CSLN.NET" />
        </a>
      </div>

    </div>
    <div class="msg">
      <div class="data">
        <span>读者总数:<em>5,486,052</em></span>
        <span>典藏册数:<em>117,846</em></span>
        <span>昨日借书数:<em>13,169</em></span>
        <span>昨日阅览室签到人数:<em>13,169</em></span>
        <span>昨日总访问量:<em>13,169</em></span>
      </div>
    </div>
  </header>
  <!-- patron-menu starting -->
  <div class="patron-menu">
    <a href="javascrpt:;" class="patron-menu-item" title="读者信息">
      <p>读者信息</p>
    </a>
    <a href="javascrpt:;" class="patron-menu-item" title="未还图书/续借">
      <p>未还图书/续借</p>
    </a>
    <a href="javascrpt:;" class="patron-menu-item" title="全部借/还书记录">
      <p>全部借/还书记录</p>
    </a>
    <a href="javascrpt:;" class="patron-menu-item" title="赔款记录">
      <p>赔款记录</p>
    </a>
    <a href="javascrpt:;" class="patron-menu-item" title="预约图书">
      <p>预约图书</p>
    </a>
    <a href="javascrpt:;" class="patron-menu-item" title="二维码绑定">
      <p>二维码绑定</p>
    </a>
    <a href="javascrpt:;" class="patron-menu-item" title="消息">
      <p>消息</p>
    </a>
  </div>
  <!-- patron-menu ending -->
  <!-- 错误信息 -->

  <!-- booksearch starting -->
  <div class="booksearch-index">
    <form action="" method="post">
      <div class="formfloat">
        <input type="text" size="30" id="" placeholder="请输入检索关键字" onkeypress="javascript:;" />
        <a href="javascript:;"><i class="icon-search">&nbsp;</i>检索</a>
      </div>
    </form>
    <div class="err-msg">请输入检索关键字</div>
  </div>
  <!-- booksearch ending -->

  <div class="wrapper">
    <div class="container">
      <div class="leftframe">
        <!-- 左侧本馆新闻 -->
        <div class="frame news">
          <div class="framename">
            <h2>本馆新闻</h2>
            <span class="more"><a href="javascript:;">更多...</a></span>
          </div>
          <div class="section">
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
          </div>
        </div>
        <!-- 左侧新书推荐 -->
        <div class="frame newbooks">
          <div class="framename">
            <h2>新书推荐</h2>
            <span class="more"><a href="javascript:;">更多...</a></span>
          </div>
          <div class="section">
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book1.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book2.jpg" />
              <span>题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book3.jpg" />
              <span>题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book4.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book5.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book6.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book11.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book8.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book9.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book10.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
          </div>

        </div>

      </div>
      <div class="rightframe">
        <div class="content">

          <!-- 右侧本馆简介 -->
          <div class="frame introduce">
            <div class="framename">
              <h2>本馆简介</h2>
              <span class="editor"><a href="javascript:;">编辑</a></span>

            </div>
            <div class="section">
              <!-- 文章编辑器代码starting -->
              南开大学图书馆创建于1919年，前身为1927年卢木斋先生捐资兴建的木斋图书馆和西南联大时期的联大图书馆。伴随南开大学的整体战略发展，图书馆现有津南校区（中心馆）和八里台校区（逸夫馆、理科馆、经济分馆）两个校区的四处馆舍，总建筑面积71610余平方米，总阅览座位4000余席。 历经90余年的积累，南开大学图书馆藏书总量达306.9万余册，中、外文现刊1935余种。馆藏文献以经济、历史、数学、化学等学科最为系统丰富。图书馆拥有古籍线装书30万册，是国家重点古籍保护单位。近年来，图书馆大力加强网络化和数字化文献资源的建设，截至2014年底，图书馆拥有电子文献51.4余万册，可访问的中外文数据库系统96个，子库306个，基本上覆盖了学校的所有学科和研究领域，种类丰富、品质优良的数字资源为全面提高学校教学科研和学科建设水平提供了有力保证。 津南校区的中心馆于2013年6月奠基，2015年正式投入使用。图书馆位于校区中心位置，建筑面积46418平方米，地上共9层，风格庄重大气。津南中心馆在布局和设计上充分体现学科服务的理念，以最大限度方便读者利用为目标，采用一门式管理模式，推行大开放、大服务格局。中心馆集“藏、查、借、阅、参”于一体，兼具管理中心职能。中心馆投入使用后，图书馆的硬件水平有了极大的提升，在此基础上不断拓展各种形式的创新服务，除传统的纸质文献借阅、多媒体阅览、参考咨询、馆际互借、文献传递、学科服务、科技查新及讲座、展览等服务之外，移动图书馆、RFID系统、座位管理系统、3D导航、自助借还、自助文印系统等智能化信息管理系统的应用使图书馆的现代化水平日益提高。此外还增设了多个研修间以及多媒体体验区、休闲讨论区和具备院线级高清视频和3D视频播放功能的放映厅。力求以更加人性化的服务，为读者打造舒适温馨的阅读环境，使图书馆成为学校的文献保障中心、学术交流中心和文化传播中心。 八里台校区的逸夫馆以文科图书的收藏和借阅为主；理科馆以理科图书和文理科期刊的收藏与借阅为主；经济学分馆专门收藏与借阅经济和管理类中外文书刊。图书馆以服务师生为宗旨，不断推进优质服务工作。各借书处和阅览室均实行开架借阅，周开放时间达114小时。2013年，图书馆引进了汇文软件公司的LIBSYS图书管理系统，进一步优化了全馆各工作环节计算机集成化管理，各馆之间实现高速网络连接，图书和信息资源共享，网络资源提供7×24小时不间断服务。为加强用户教育，图书馆还通过开设面向本科生的公共选修课“信息素养与信息资源检索”，以及多种形式的用户培训，不断提高用户的信息素质和应用技能。 南开大学图书馆是“中国高等教育文献保障系统”（CALIS）成员馆和天津市高校数字图书馆建设的文理科文献保障中心，天津市高等学校图书情报工作委员会秘书处也设于本馆，为全国高等教育的资源共享和天津市高校数字化图书馆建设做出了积极贡献。图书馆设有“教育部科技查新工作站”和“教育部外国教材中心”，为学校的教学科研活动提供了有力的保障。
              <p><img alt="" src="http://www.lib.nankai.edu.cn/assets/images/about_pic.jpg" /></p>
              <!-- 文章编辑器代码ending -->

            </div>

          </div>

          <!-- 右侧本馆新闻 更多... -->
          <div class="frame news">
            <div class="framename">
              <h2>本馆新闻</h2>
            </div>
            <div class="section">
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
              <a class="news-item" href="javascript:;">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            </div>
            <!-- 翻页模块 -->
            <div class="page">
              <span class="page-num">
                <a class="page-prev disable" href="javascript:;">上一页</a>
                <a class="page-current" href="javascript:;">1</a>
                <a class="page-button" href="javascript:;">2</a>
                <a class="page-button" href="javascript:;">3</a>
                <a class="page-button" href="javascript:;">4</a>
                <a class="page-button" href="javascript:;">5</a>
                <a class="page-break" href="javascript:;">...</a>
                <a class="page-next" href="javascript:;">下一页</a>
              </span>
              <span class="page-count">&nbsp;共&nbsp;<em>5</em>&nbsp;页</span>
              <span class="page-count">&nbsp;共有记录&nbsp;<em>12125</em>&nbsp;个</span>
            </div>
          </div>


          <!-- 右侧本馆新闻文章 -->
          <div class="frame news-article">
            <div class="framename">
              <h2>本馆新闻</h2>
            </div>
            <div class="section">
              <div class="news-title">
                <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span>发布日期:<em>2017-01-01</em></span></div>
              <div class="news-content">

                <!-- 文本编辑器代码starting -->
                <p style="TEXT-ALIGN: center">
                  <strong><span style="FONT-SIZE: 20px; FONT-FAMILY: 宋体"></span></strong><strong><span style="FONT-SIZE: 12px"><span style="FONT-FAMILY: Calibri">&nbsp;</span></span></strong>
                </p>
                <p>
                  <span style="FONT-SIZE: 16px"><span style="FONT-FAMILY: Calibri">&nbsp; 1</span></span><span style="FONT-SIZE: 16px; FONT-FAMILY: 宋体">、拿起手机打开微信，还未绑定公众号的老师，微信搜索公众号“</span><span style="FONT-SIZE: 16px"><span style="FONT-FAMILY: Calibri">CSLNNET</span></span><span style="FONT-SIZE: 16px; FONT-FAMILY: 宋体">”关注</span><span style="FONT-SIZE: 16px"> </span><span style="FONT-SIZE: 16px; FONT-FAMILY: 宋体">“我的图书馆”（或是扫描下方二维码进行关注）</span>
                </p>
                <p style="TEXT-ALIGN: center">
                  <img style="HEIGHT: 194px; WIDTH: 211px" alt="wx.png" src="http://csln.net/upload/image/1002/20161220/wx.png" width="375" height="373" />
                </p>
                <p>
                  <span style="FONT-SIZE: 16px"><span style="FONT-FAMILY: Calibri">&nbsp; 2</span></span><span style="FONT-SIZE: 16px; FONT-FAMILY: 宋体">、关注后绑定读者，点击红色区域进行读者绑定（如果已不再这个界面了，可以点击下方的“个人中心”里面的“找回密码”）</span>
                </p>
                <p>
                  <img style="FLOAT: none" src="http://csln.net/upload/image/1002/20161223/2.png" />
                </p>
                <p>
                  <span style="FONT-SIZE: 16px"><span style="FONT-FAMILY: Calibri">&nbsp; 3</span></span><span style="FONT-SIZE: 16px; FONT-FAMILY: 宋体">、在输入框中输入自己学校图书馆域名、图书馆名称或者是对应馆代码（三者任意一种），点击检索</span>
                </p>
                <p style="TEXT-ALIGN: center">
                  <img style="FLOAT: none" src="http://csln.net/upload/image/1002/20161223/3.png" />
                </p>
                <p>
                  <span style="FONT-FAMILY: ">&nbsp; 4</span><span style="FONT-FAMILY: 宋体">、检索到结果后，选择正确的图书馆名，点击进入登录界面。如果没有检索结果或检索结果不正确，请检查输入的内容是否正确</span><span style="FONT-FAMILY: ">,</span><span style="FONT-FAMILY: 宋体">如图</span>
                </p>
                <p style="TEXT-ALIGN: center; TEXT-INDENT: 32px">
                  <img style="FLOAT: none" src="http://csln.net/upload/image/1002/20161223/4.png" />
                </p>
                <p>
                  <span style="FONT-SIZE: 16px"><span style="FONT-FAMILY: Calibri">&nbsp; 5</span></span><span style="FONT-SIZE: 16px; FONT-FAMILY: 宋体">、输入系统的用户名及密码，点击确定按钮，即可绑定成功。（用户名除了登录名外还可以使用手机号、身份证、学籍号，但是前提是系统中要设置了相应的用户信息才能够进行匹配识别）看到如下反馈信息后，即绑定成功</span>
                </p>
                <p style="TEXT-ALIGN: center">
                  <img style="HEIGHT: 492px; WIDTH: 375px; FLOAT: none" src="http://csln.net/upload/image/1002/20161223/5.png" width="652" height="660" />
                </p>
                <p>
                  <span style="FONT-FAMILY: Calibri">&nbsp;</span>
                </p>
                <p>
                  &nbsp;
                </p>


                <!-- 文本编辑器代码ending -->

              </div>
            </div>
          </div>

          <!-- 右侧新书推荐 更多... -->
          <div class="frame newbooks-details">
            <div class="framename">
              <h2>新书推荐</h2>
            </div>
            <div class="section">
              <table class="newbooks-details-one">
                <tbody>
                  <tr>
                    <td rowspan="9"><img src="http://test.csln.net/portal/images/A_nopic.gif"></td>
                    <td>题名</td>
                    <td>红楼梦2</td>
                  </tr>
                  <tr>
                    <td>出版社</td>
                    <td>中国妇女出版社</td>
                  </tr>
                  <tr>
                    <td>作者</td>
                    <td>曹雪芹,王曾</td>
                  </tr>
                  <tr>
                    <td>ISBN</td>
                    <td>7801310322</td>
                  </tr>
                  <tr>
                    <td>出版年月</td>
                    <td>1998</td>
                  </tr>
                  <tr>
                    <td>图书定价</td>
                    <td>24</td>
                  </tr>
                  <tr>
                    <td>索书号</td>
                    <td>I242.47/00004/2012</td>
                  </tr>
                  <tr>
                    <td>库室</td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="3">简要内容</td>
                  </tr>
                  <tr>
                    <td colspan="3">sdfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <a class="button-normal" href="javascript:;">查看评论(<span>3</span>)</a>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="newbooks-details-one">
                <tbody>
                  <tr>
                    <td rowspan="9"><img src="img/books/book1.jpg" /></td>
                    <td>题名</td>
                    <td>三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义</td>
                  </tr>
                  <tr>
                    <td>出版社</td>
                    <td>中国少年儿童出版社</td>
                  </tr>
                  <tr>
                    <td>作者</td>
                    <td>罗伯特.莱西,程华,王丽芝</td>
                  </tr>
                  <tr>
                    <td>ISBN</td>
                    <td>7-5609-1822-0</td>
                  </tr>
                  <tr>
                    <td>出版年月</td>
                    <td>1998</td>
                  </tr>
                  <tr>
                    <td>图书定价</td>
                    <td>13.50</td>
                  </tr>
                  <tr>
                    <td>索书号</td>
                    <td>K835.61/00001</td>
                  </tr>
                  <tr>
                    <td>库室</td>
                    <td>流通部12</td>
                  </tr>
                  <tr>
                    <td>推荐时间</td>
                    <td>2017/1/16 13:12</td>
                  </tr>
                  <tr>
                    <td colspan="3">简要内容</td>
                  </tr>
                  <tr>
                    <td colspan="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas veritatis, porro, neque aliquam sequi sunt enim voluptatum in odit eum error facere laboriosam, magnam, eaque repellendus sed iste vitae repudiandae!</td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <a class="button-normal" href="javascript:;">查看评论(<span>3</span>)</a>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="newbooks-details-one">
                <tbody>
                  <tr>
                    <td rowspan="9"><img src="img/books/book2.jpg" /></td>
                    <td>题名</td>
                    <td>三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义</td>
                  </tr>
                  <tr>
                    <td>出版社</td>
                    <td>中国少年儿童出版社</td>
                  </tr>
                  <tr>
                    <td>作者</td>
                    <td>罗伯特.莱西,程华,王丽芝</td>
                  </tr>
                  <tr>
                    <td>ISBN</td>
                    <td>7-5609-1822-0</td>
                  </tr>
                  <tr>
                    <td>出版年月</td>
                    <td>1998</td>
                  </tr>
                  <tr>
                    <td>图书定价</td>
                    <td>13.50</td>
                  </tr>
                  <tr>
                    <td>索书号</td>
                    <td>K835.61/00001</td>
                  </tr>
                  <tr>
                    <td>库室</td>
                    <td>流通部12</td>
                  </tr>
                  <tr>
                    <td>推荐时间</td>
                    <td>2017/1/16 13:12</td>
                  </tr>
                  <tr>
                    <td colspan="3">简要内容</td>
                  </tr>
                  <tr>
                    <td colspan="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas veritatis, porro, neque aliquam sequi sunt enim voluptatum in odit eum error facere laboriosam, magnam, eaque repellendus sed iste vitae repudiandae!</td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <a class="button-normal" href="javascript:;">查看评论(<span>0</span>)</a>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="newbooks-details-one">
                <tbody>
                  <tr>
                    <td rowspan="9"><img src="img/books/book3.jpg" /></td>
                    <td>题名</td>
                    <td>三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义</td>
                  </tr>
                  <tr>
                    <td>出版社</td>
                    <td>中国少年儿童出版社</td>
                  </tr>
                  <tr>
                    <td>作者</td>
                    <td>罗伯特.莱西,程华,王丽芝</td>
                  </tr>
                  <tr>
                    <td>ISBN</td>
                    <td>7-5609-1822-0</td>
                  </tr>
                  <tr>
                    <td>出版年月</td>
                    <td>1998</td>
                  </tr>
                  <tr>
                    <td>图书定价</td>
                    <td>13.50</td>
                  </tr>
                  <tr>
                    <td>索书号</td>
                    <td>K835.61/00001</td>
                  </tr>
                  <tr>
                    <td>库室</td>
                    <td>流通部12</td>
                  </tr>
                  <tr>
                    <td>推荐时间</td>
                    <td>2017/1/16 13:12</td>
                  </tr>
                  <tr>
                    <td colspan="3">简要内容</td>
                  </tr>
                  <tr>
                    <td colspan="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas veritatis, porro, neque aliquam sequi sunt enim voluptatum in odit eum error facere laboriosam, magnam, eaque repellendus sed iste vitae repudiandae!</td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <a class="button-normal" href="javascript:;">查看评论(<span>0</span>)</a>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="newbooks-details-one">
                <tbody>
                  <tr>
                    <td rowspan="9"><img src="img/books/book4.jpg" /></td>
                    <td>题名</td>
                    <td>三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义</td>
                  </tr>
                  <tr>
                    <td>出版社</td>
                    <td>中国少年儿童出版社</td>
                  </tr>
                  <tr>
                    <td>作者</td>
                    <td>罗伯特.莱西,程华,王丽芝</td>
                  </tr>
                  <tr>
                    <td>ISBN</td>
                    <td>7-5609-1822-0</td>
                  </tr>
                  <tr>
                    <td>出版年月</td>
                    <td>1998</td>
                  </tr>
                  <tr>
                    <td>图书定价</td>
                    <td>13.50</td>
                  </tr>
                  <tr>
                    <td>索书号</td>
                    <td>K835.61/00001</td>
                  </tr>
                  <tr>
                    <td>库室</td>
                    <td>流通部12</td>
                  </tr>
                  <tr>
                    <td>推荐时间</td>
                    <td>2017/1/16 13:12</td>
                  </tr>
                  <tr>
                    <td colspan="3">简要内容</td>
                  </tr>
                  <tr>
                    <td colspan="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas veritatis, porro, neque aliquam sequi sunt enim voluptatum in odit eum error facere laboriosam, magnam, eaque repellendus sed iste vitae repudiandae!</td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <a class="button-normal" href="javascript:;">查看评论(<span>0</span>)</a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!-- 翻页模块 -->
            <div class="page">
              <span class="page-num">
                <a class="page-prev disable" href="javascript:;">上一页</a>
                <a class="page-current" href="javascript:;">1</a>
                <a class="page-button" href="javascript:;">2</a>
                <a class="page-button" href="javascript:;">3</a>
                <a class="page-button" href="javascript:;">4</a>
                <a class="page-button" href="javascript:;">5</a>
                <a class="page-break" href="javascript:;">...</a>
                <a class="page-next" href="javascript:;">下一页</a>
              </span>
              <span class="page-count">&nbsp;共&nbsp;<em>5</em>&nbsp;页</span>
              <span class="page-count">&nbsp;共有记录&nbsp;<em>12125</em>&nbsp;个</span>
            </div>
          </div>

          <!-- 右侧新书推荐 单独点击左侧一本或者是点击查看评论 -->
          <div class="frame newbooks-details">
            <div class="framename">
              <h2>新书推荐</h2>
            </div>
            <div class="section">
              <table class="newbooks-details-one">
                <tbody>
                  <tr>
                    <td rowspan="9"><img src="img/books/book1.jpg" /></td>
                    <td>题名</td>
                    <td>三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义三国演义</td>
                  </tr>
                  <tr>
                    <td>出版社</td>
                    <td>中国少年儿童出版社</td>
                  </tr>
                  <tr>
                    <td>作者</td>
                    <td>罗伯特.莱西,程华,王丽芝</td>
                  </tr>
                  <tr>
                    <td>ISBN</td>
                    <td>7-5609-1822-0</td>
                  </tr>
                  <tr>
                    <td>出版年月</td>
                    <td>1998</td>
                  </tr>
                  <tr>
                    <td>图书定价</td>
                    <td>13.50</td>
                  </tr>
                  <tr>
                    <td>索书号</td>
                    <td>K835.61/00001</td>
                  </tr>
                  <tr>
                    <td>库室</td>
                    <td>流通部12</td>
                  </tr>
                  <tr>
                    <td>推荐时间</td>
                    <td>2017/1/16 13:12</td>
                  </tr>
                  <tr>
                    <td colspan="3">简要内容</td>
                  </tr>
                  <tr>
                    <td colspan="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas veritatis, porro, neque aliquam sequi sunt enim voluptatum in odit eum error facere laboriosam, magnam, eaque repellendus sed iste vitae repudiandae!</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!-- 评论模块 -->
            <div class="comments">
              <div class="comments-header">相关评论</div>
              <table class="comments-list">
                <tbody>
                  <tr>
                    <td>游客游客游客游客游客游客游客游客游客游客游客游客游客游客游客游客游客游客</td>
                    <td rowspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At a, quo odio amet consectetur eum quia, deleniti nihil doloremque nulla voluptates similique, deserunt distinctio ipsam facilis sed earum tenetur eaque!</td>
                  </tr>
                  <tr>
                    <td>2017-04-01</td>
                  </tr>
                </tbody>
              </table>
              <table class="comments-list">
                <tbody>
                  <tr>
                    <td>游客</td>
                    <td rowspan="2">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</td>
                  </tr>
                  <tr>
                    <td>2017-03-01</td>
                  </tr>
                </tbody>
              </table>
              <table class="comments-list">
                <tbody>
                  <tr>
                    <td>游客</td>
                    <td rowspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At a, quo odio amet consectetur eum quia, deleniti nihil doloremque nulla voluptates similique, deserunt distinctio ipsam facilis sed earum tenetur eaque!</td>
                  </tr>
                  <tr>
                    <td>2017-01-01</td>
                  </tr>
                </tbody>
              </table>

              <!-- 翻页模块 -->
              <div class="page">
                <span class="page-num">
                <a class="page-prev disable" href="javascript:;">上一页</a>
                <a class="page-current" href="javascript:;">1</a>
                <a class="page-button" href="javascript:;">2</a>
                <a class="page-button" href="javascript:;">3</a>
                <a class="page-button" href="javascript:;">4</a>
                <a class="page-button" href="javascript:;">5</a>
                <a class="page-break" href="javascript:;">...</a>
                <a class="page-next" href="javascript:;">下一页</a>
              </span>
                <span class="page-count">&nbsp;共&nbsp;<em>5</em>&nbsp;页</span>
                <span class="page-count">&nbsp;共有记录&nbsp;<em>3</em>&nbsp;个</span>
              </div>

              <div class="comments-add">
                <form action="" method="post">
                  <p>发表评论</p>
                  <p>姓名:<span>游客</span></p>
                  <!--                  <p>标题:<input type="text" /></p>-->
                  <p>内容:<textarea></textarea></p>
                  <p><a href="javascript:;" class="button-normal">发表</a></p>
                </form>
              </div>
            </div>

          </div>

          <!-- 右侧读者信息 -->
          <div class="frame patroninfo">
            <div class="framename">
              <h2>读者信息</h2>
            </div>
            <div class="section">
              <table class="table-normal table-patroninfo">
                <tbody>
                  <tr>
                    <td>&nbsp;内部编号</td>
                    <td>&nbsp;6961486&nbsp;&nbsp;</td>
                    <td>&nbsp;借书证号</td>
                    <td>&nbsp;zy001&nbsp;&nbsp;</td>
                    <td>&nbsp;读者条码</td>
                    <td>&nbsp;zy001&nbsp;&nbsp;</td>
                    <iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe></tr>
                  <tr>
                    <td>&nbsp;姓名</td>
                    <td>&nbsp;周扬&nbsp;&nbsp;</td>
                    <td>&nbsp;登录名(英文)</td>
                    <td>&nbsp;zy001&nbsp;&nbsp;</td>
                    <td>&nbsp;单位</td>
                    <td>&nbsp;办公室&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;性别</td>
                    <td>&nbsp; &nbsp;&nbsp;</td>
                    <td>&nbsp;职别</td>
                    <td>&nbsp;&nbsp;&nbsp;</td>
                    <td>&nbsp;类别</td>
                    <td>&nbsp;学生&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;身份证号</td>
                    <td>&nbsp;123456789012345678&nbsp;</td>
                    <td>&nbsp;IP地址</td>
                    <td>&nbsp;&nbsp;&nbsp;</td>
                    <td>&nbsp;起始位置</td>
                    <td>&nbsp;系统定义&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;地址</td>
                    <td colspan="3">&nbsp;&nbsp;&nbsp;</td>
                    <td>&nbsp;邮政编码</td>
                    <td>&nbsp;&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;手机</td>
                    <td>&nbsp;&nbsp;&nbsp;</td>
                    <td>&nbsp;电子邮件</td>
                    <td>&nbsp;&nbsp;&nbsp;</td>
                    <td>&nbsp;学籍号</td>
                    <td>&nbsp;&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;状态</td>
                    <td>&nbsp;正常状态&nbsp;</td>
                    <td>&nbsp;&nbsp;</td>
                    <td>&nbsp;&nbsp;</td>
                    <td>&nbsp;可外借</td>
                    <td>100&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;欠罚款</td>
                    <td>&nbsp;7.60&nbsp;&nbsp;</td>
                    <td>&nbsp;欠款</td>
                    <td>&nbsp;.00&nbsp;&nbsp;</td>
                    <td>&nbsp;已外借</td>
                    <td>&nbsp;0&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;押金金额</td>
                    <td>&nbsp;20.00&nbsp;&nbsp;</td>
                    <td colspan="4">&nbsp;</td>
                  </tr>
                </tbody>
              </table>
              <div class="patroninfo-button">
                <a href="javascript:;" class="button-normal changeinfo">修改信息</a>
                <a href="javascript:;" class="button-normal changepassword">更改密码</a>
              </div>
              <div class="patroninfo-change">
                <div class="err-msg">错误信息</div>
                <!-- 修改信息 -->
                <div class="patroninfo-info">
                  <form action="" method="post">
                    <table class="table-normal">
                      <tbody>
                        <tr>
                          <td>&nbsp;地址</td>
                          <td colspan="3">&nbsp;<input type="text" size="30" />&nbsp;</td>
                          <td>&nbsp;邮政编码</td>
                          <td>&nbsp;<input type="text" />&nbsp;</td>
                        </tr>
                        <tr>
                          <td>&nbsp;手机</td>
                          <td>&nbsp;<input type="text" />&nbsp;</td>
                          <td>&nbsp;电子邮件</td>
                          <td>&nbsp;<input type="text" />&nbsp;</td>
                          <td>&nbsp;学籍号</td>
                          <td>&nbsp;<input type="text" />&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <div class="patroninfo-button">
                      <a href="javascript:;" class="button-normal">保存</a>
                    </div>
                  </form>
                </div>
                <!-- 修改密码 -->
                <div class="patroninfo-password">
                  <form action="" method="post">
                    <table class="table-normal">
                      <tbody>
                        <tr>
                          <td>当前密码</td>
                          <td><input type="password" /></td>
                          <td>新密码</td>
                          <td><input type="password" /></td>
                          <td>再次输入新密码</td>
                          <td><input type="password" /></td>
                        </tr>
                      </tbody>
                    </table>
                    <div class="patroninfo-button">
                      <a href="javascript:;" class="button-normal">提交</a>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>

          <!-- 右侧未还图书/续借 -->

          <div class="frame noreturn">
            <div class="framename">
              <h2>未还图书/续借</h2>
            </div>
            <div class="section">
              <table class="table-normal table-noreturn">
                <thead>
                  <tr>
                    <th>条形码</th>
                    <th>索书号</th>
                    <th>题名</th>
                    <th>外借时间</th>
                    <th>应还时间</th>
                    <th>续借次数</th>
                    <th>库室</th>
                    <th>价钱</th>
                    <th>备注</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>026938</td>
                    <td>G203-43/00001</td>
                    <td>信息管理导论</td>
                    <td>2017-04-14</td>
                    <td>2017-04-19</td>
                    <td><a href="javascript:;" class="button-renew">0&nbsp;续借</a></td>
                    <td>教师阅览室盘点库1</td>
                    <td>15.30</td>
                    <td>备注</td>
                  </tr>
                </tbody>
              </table>
            </div>

          </div>
          <!-- 右侧全部借还书记录 -->
          <div class="frame record">
            <div class="framename">
              <h2>全部借/还书记录</h2>
            </div>
            <div class="section">
              <table class="table-normal table-record">
                <thead>
                  <tr>
                    <th>条形码</th>
                    <th>索书号</th>
                    <th>题名</th>
                    <th>外借时间</th>
                    <th>归还时间</th>
                    <th>续借次数</th>
                    <th>库室</th>
                    <th>价钱</th>
                    <th>备注</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>026938</td>
                    <td>G203-43/00001</td>
                    <td>信息管理导论</td>
                    <td>2017-04-14</td>
                    <td>2017-04-19</td>
                    <td>0</td>
                    <td>教师阅览室盘点库1</td>
                    <td>15.30</td>
                    <td>备注</td>
                  </tr>
                  <tr>
                    <td>026938</td>
                    <td>G203-43/00001</td>
                    <td>信息管理导论</td>
                    <td>2017-04-14</td>
                    <td>2017-04-19</td>
                    <td>0</td>
                    <td>教师阅览室盘点库1</td>
                    <td>15.30</td>
                    <td>备注</td>
                  </tr>
                  <tr>
                    <td>026938</td>
                    <td>G203-43/00001</td>
                    <td>信息管理导论</td>
                    <td>2017-04-14</td>
                    <td>2017-04-19</td>
                    <td>0</td>
                    <td>教师阅览室盘点库1</td>
                    <td>15.30</td>
                    <td>备注</td>
                  </tr>
                </tbody>
              </table>
            </div>

          </div>
          <!-- 赔款记录 -->
          <div class="frame payment">
            <div class="framename">
              <h2>赔款记录</h2>
            </div>
            <div class="section">
              <table class="table-normal table-payment">
                <thead>
                  <tr>
                    <th>处理时间</th>
                    <th>操作类型</th>
                    <th>图书条码</th>
                    <th>收/退/罚款金额</th>
                    <th>操作员</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>2017-01-01 12:12</td>
                    <td>退款</td>
                    <td>006013</td>
                    <td>20.00</td>
                    <td>管理员</td>
                  </tr>
                </tbody>
              </table>
            </div>

          </div>
          <!-- 预约图书 -->
          <div class="frame order">
            <div class="framename">
              <h2>预约图书</h2>
            </div>
            <div class="section">
              <table class="table-normal table-order">
                <thead>
                  <tr>
                    <th>预约时间</th>
                    <th>题名</th>
                    <th>预约情况</th>
                    <th>&nbsp;</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>2016-06-13 08:46</td>
                    <td>史记故事</td>
                    <td>共有 1 人预约, 优先排列是第 1 位.</td>
                    <td><a href="javascript:;" class="button-cancelorder">取消预约</a></td>
                  </tr>
                </tbody>
              </table>
            </div>

          </div>
          <!-- 二维码绑定 -->
          <div class="frame codebinding">
            <div class="framename">
              <h2>二维码绑定</h2>
            </div>
            <div class="section">
              <p>如果您已经关注了【我的图书馆】微信公众号，请扫描下方二维码完成读者绑定</p>
              <img src="img/getimage.gif" alt="二维码" />
            </div>

          </div>
          <!-- 馆藏查询 -->
          <div class="frame booksearch-complex">
            <div class="framename">
              <h2>高级馆藏查询</h2>
            </div>
            <div class="section">

              <div class="booksearch-advanced">
                <form name="groupsearch" action="SearchResult.aspx?&searchtype=39" method="post">
                  <p></p>
                  <p>
                    <select name="index1" onchange="javascript:IndexChange(groupsearch.index1, groupsearch.match1.options)">
                   <option value="title" selected="selected">标题</option>
                    <option value="series">丛书名</option>
                    <option value="author">作者</option>
                    <option value="subject">主题词</option>
                    <option value="issn">ISSN</option>
                    <option value="isbn">ISBN</option>
                    <option value="publisher">出版社</option>
                 </select>
                    <input name="term1" id="term1" onkeypress="javascript:GoSubmit(event, 1)" type="text" placeholder="请输入检索词..." />
                    <select name="match1">
                        <option value="0">前方一致</option>
                        <option value="3">绝对一致</option>
                    </select>
                  </p>
                  <p>
                    <select name="relation2"><option value="and">并且</option>
                      <option value="or">或</option>
                      <option value="and not">不</option>
                </select>
                    <select name="index2" onchange="javascript:IndexChange(groupsearch.index1, groupsearch.match1.options)">
                   <option value="title" selected="selected">标题</option>
                    <option value="series">丛书名</option>
                    <option value="author">作者</option>
                    <option value="subject">主题词</option>
                    <option value="issn">ISSN</option>
                    <option value="isbn">ISBN</option>
                    <option value="publisher">出版社</option>
                 </select>
                    <input name="term2" id="term2" onkeypress="javascript:GoSubmit(event, 1)" type="text" placeholder="请输入检索词..." />
                    <select name="match2">
                        <option value="0">前方一致</option>
                        <option value="3">绝对一致</option>
                    </select>
                  </p>
                  <p>
                    <select name="relation3"><option value="and">并且</option>
                      <option value="or">或</option>
                      <option value="and not">不</option>
                </select>
                    <select name="index3" onchange="javascript:IndexChange(groupsearch.index1, groupsearch.match1.options)">
                   <option value="title" selected="selected">标题</option>
                    <option value="series">丛书名</option>
                    <option value="author">作者</option>
                    <option value="subject">主题词</option>
                    <option value="issn">ISSN</option>
                    <option value="isbn">ISBN</option>
                    <option value="publisher">出版社</option>
                 </select>
                    <input name="term3" id="term1" onkeypress="javascript:GoSubmit(event, 1)" type="text" placeholder="请输入检索词..." />
                    <select name="match3">
                        <option value="0">前方一致</option>
                        <option value="3">绝对一致</option>
                    </select>
                  </p>
                  <p>
                    <select name="relation4"><option value="and">并且</option>
                      <option value="or">或</option>
                      <option value="and not">不</option>
                </select>
                    <select name="index4" onchange="javascript:IndexChange(groupsearch.index1, groupsearch.match1.options)">
                   <option value="title" selected="selected">标题</option>
                    <option value="series">丛书名</option>
                    <option value="author">作者</option>
                    <option value="subject">主题词</option>
                    <option value="issn">ISSN</option>
                    <option value="isbn">ISBN</option>
                    <option value="publisher">出版社</option>
                 </select>
                    <input name="term4" id="term4" onkeypress="javascript:GoSubmit(event, 1)" type="text" placeholder="请输入检索词..." />
                    <select name="match4">
                        <option value="0">前方一致</option>
                        <option value="3">绝对一致</option>
                    </select>
                  </p>
                  <p>
                    <label>文献种类：
                    <select name="Type">
                    <option value="0">任意</option>
                    <option value="1">中文图书</option>
                    <option value="2">外文图书</option>
                    <option value="3">中文期刊</option>
                    <option value="4">外文期刊</option>
                    <option value="9">中文标准资料</option>
                    <option value="11">中文非印刷资料</option>
                    <option value="12">外文非印刷资料</option>
                    <option value="7">研究生论文库</option>
                    <option value="51">藏文图书</option>
                    <option value="52">维文图书</option>
                    <option value="53">哈文图书</option>
                    <option value="5">其它文献</option>
                    <option value="21">影视资料</option>
                    <option value="23">声乐资料</option>
               </select>
                   </label>
                    <label>排序：
                    <select name="SortOrder">
                        <option value="" selected="selected">任意</option>
                        <option value="author">作者</option>
                        <option value="title">标题</option>
                        <option value="Taxonomic">分类号</option>
                        <option value="isbn">ISBN</option>
                        <option value="PubDate">出版年代</option>
                       </select>
                    </label>
                    <label>倒序<input name="_2desc" type="checkbox" value="1" /></label>
                    <label>语种：<select name="Language"><option value="" selected="selected">所有
                      <option value="chi">中文</option>
                      <option value="eng">英文</option>
                      <option value="jpn">日语</option>
                      <option value="rus">俄语</option>
                      <option value="fre">法语</option>
                      <option value="ger">德语</option>
                      <option value="spa">西班牙语</option>
                      <option value="kor">朝鲜语</option>
                      <option value="mn">蒙古文</option>
                </select>
                 </label>
                    <label>年代从：<input name="_1Yearfrom" type="text" size="4" maxlength="4" value="" />至<input name="_1YearTo" type="text" size="4" maxlength="4" value="" /></label>
                  </p>
                  <p>
                    <button onclick="javascript:;" class="button-normal">查询</button>
                  </p>
                  <div class="searchlog">
                    <span>最近查询记录：</span>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                    <a href="javascript:;">三国演义</a>
                  </div>
                </form>
              </div>


            </div>

          </div>
        </div>
      </div>
    </div>
  </div>

  <footer>
    <div class="copyright">北京华夏网信科技有限公司 版权所有&copy; |京ICP备11032106号 地址：北京市海淀区上地信息路15号614 | 联系电话：010-62985780</div>
    <div class="totalview">本馆累计访问：<span>3585975</span>页次</div>
  </footer>

  <!-- 左侧快速链接 -->
  <div class="quicklinks">
    <div class="headline">快速链接</div>
    <ul class="linknav">
      <li class="links"><a href="javascript:;">查找图书</a></li>
      <li class="links"><a href="javascript:;">借书时间</a></li>
      <li class="links"><a href="javascript:;">读者指南</a></li>
      <li class="links"><a href="javascript:;">二次文献</a></li>
      <li class="links"><a href="javascript:;">本馆论坛</a></li>
      <li class="links"><a href="javascript:;">馆藏查询</a></li>
      <li class="links"><a href="javascript:;">常见问题</a></li>
      <li class="links"><a href="javascript:;">新到图书</a></li>
      <li class="links"><a href="javascript:;">示范管评估材料</a></li>
    </ul>
  </div>

  <!-- 右侧菜单 -->
  <div class="sidebar">
    <div class="sidebar-weixin">
      <div class="fonticon">
        <div class="icon"></div>
        <div class="font">扫码<br />关注</div>
      </div>
      <div class="weichatcode">
        <img src="img/2weima.jpg" alt="微信公众号二维码" />
      </div>
    </div>
    <div class="sidebar-top">
      <div class="fonticon">
        <div class="icon"></div>
        <div class="font">返回<br />顶部</div>
      </div>
    </div>
  </div>

  <!-- loading组件 -->
  <div class="loading"></div>
</body>
</html>